<template>
	<view class="createUser-container">
		<view class="inpInfoBox">
			<view class="text">
				<text>设备类型：</text>
			</view>
			<u--input border="surround" v-model="form.设备类型"></u--input>
		</view>
		<view class="inpInfoBox">
			<view class="text">
				<text>报警发生时间：</text>
			</view>
			<u--input border="surround" v-model="form.报警发生时间"></u--input>
		</view>
		<view class="inpInfoBox">
			<view class="text">
				<text>处理状态：</text>
			</view>
			<u--input border="surround" v-model="form.处理状态"></u--input>
		</view>

		<view class="inpInfoBox">
			<view class="text">
				<text>老人姓名：</text>
			</view>
			<u--input border="surround" v-model="form.老人姓名"></u--input>
		</view>
		<view class="inpInfoBox">
			<view class="text">
				<text>身份证号：</text>
			</view>
			<u--input border="surround" v-model="form.身份证号" clearable></u--input>
		</view>
		<view class="inpInfoBox">
			<view class="text">
				<text>联系电话：</text>
			</view>
			<u--input border="surround" v-model="form.联系电话" type="number"></u--input>
		</view>

		<view class="inpInfoBox">
			<view class="text">
				<text>所在区：</text>
			</view>
			<u--input border="surround" v-model="form.所在区"></u--input>
		</view>
		<view class="inpInfoBox">
			<view class="text">
				<text>所在街道：</text>
			</view>
			<u--input border="surround" v-model="form.所在街道"></u--input>
		</view>
		<view class="inpInfoBox">
			<view class="text">
				<text>详细地址：</text>
			</view>
			<u--input border="surround" v-model="form.详细地址"></u--input>
		</view>

		<view class="inpInfoBox">
			<view class="text">
				<text>处理人员姓名：</text>
			</view>
			<u--input border="surround" v-model="form.处理人员姓名"></u--input>
		</view>
		<view class="inpInfoBox">
			<view class="text">
				<text>处理方式：</text>
			</view>
			<u--input border="surround" v-model="form.处理方式"></u--input>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapActions,
		mapGetters
	} from "vuex";
	import storage from "@/utils/storage";

	export default {
		name: "WoDeXiaoXi_Detail",
		data() {
			return {
				thumbnail: "/static/images/WoDeXiaoXi/XiaoXiTiShi.png",
				form: {
					"所在街道": null,
					"所在区": null,
					"设备编号": null,
					"报警单号": null,
					"详细地址": null,
					"处理方式": null,
					"老人姓名": null,
					"处理人员姓名": null,
					"处理状态": null,
					"报警发生时间": null,
					"联系电话": null,
					"设备类型": null,
					"id": null,
					"身份证号": null,
					"isRead": null
				}
			};
		},
		onLoad: function(options) {
			this.form = this.deviceEventsWithIsRead.find(item => item.id == options.id)
		},
		mounted() {},
		computed: {
			...mapGetters(["noReadCount", "deviceEventsWithIsRead"]),
		},
		methods: {},
	};
</script>


<style lang="scss" scoped>
@import "@/static/scss/yangLaoAppStyle.scss";

.createUser-container {
  padding: 4%;
  background-color: #fff;
  overflow: hidden;
}

.userControl-container {
  background-color: #fff;
  overflow: hidden;
  // 上层固定搜索栏样式
  .top {
    display: flex;
    justify-content: center;
    background-color: #fff;
    position: fixed;
    z-index: 1;
    width: 100%;
    // 搜索按钮样式
    .search {
      width: 83%;
    }
    // 按钮外框
    .userInfoCreate {
      width: 12%;
      padding-right: 1%;
      // 添加用户按钮样式
      .create {
        position: relative;
        right: 40%;
        width: 100%;
        margin: 0 0 0 12px;
        font-size: 18px;

        .u-button {
          font-weight: 1000;
        }
      }
    }
  }
}
</style>
